@extends('layout.home')
@section('content')
    <div class="main-container">
            <div class="banner"  style="background-image: url(/public/home/images/1e9aa9f19223806af9d57d56bfcdb3221476095196.jpg)">
                <a href="{{url('/home')}}" target="_blank"></a>
            </div>
            <div class="main clearfix">
                <div class="news">
                    <div class="news_header">
                        <span>您的位置：</span>
                        <a href="{{url('/home')}}">首页</a>
                        <span>></span>
                        <a href="{{url('/home/lists',['id'=>$cates->id])}}">{{$cates->name}}</a>
                        <span>></span>
                        <span>{{$news->title}}</span>
                    </div>
                    <div class="news_main" style="color: #404040;font: 16px/1.875 'Microsoft YaHei';">
                        <div class="title">
                            <h1>{{$news->title}}</h1>
                            <h3>{{date('Y-m-d H:i:s',$news->time)}}
                              <span class="zoom" id= "zoom">
                                    【字号：
                                    <a href="javascript:;" data-size="16">大</a>&nbsp;
                                    <a href="javascript:;" data-size="14">中</a>&nbsp;
                                    <a href="javascript:;" data-size="12">小</a>
                                    】
                                </span>
                                <!-- 来源：DOTA2官方-->
                                <span class="comments-count" id="comments-count">
                                    <i class="icon icon-comments"></i>
                                    <em>0</em>
                                </span>
                            </h3>
                        </div>
                        <!-- 内容start -->
                        <div class="content">
                            <p>{!!$news->contents!!}</p>
                        </div>
                        </div>
                        <!-- 内容end -->
                    <div class="footer">
                        <span>分享到：</span>
                       <span class="bdsharebuttonbox">
                            <a class="bds_tqq" data-cmd="tqq"></a>
                            <a class="bds_qzone" data-cmd="qzone"></a>
                            <a class="bds_sqq" data-cmd="sqq"></a>
                            <a class="bds_tsina" data-cmd="tsina"></a>
                            <a class="bds_weixin" data-cmd="weixin"></a>
                            <a class="bds_linkedin" data-cmd="linkedin"></a>
                        </span>
                    </div>
                    <div class="comments-wrapper">
                        <h1>评论</h1>
                        <div class="comments" id="comments">
                        <!-- 评论start -->
                        <div class="comment clearfix" data-id="13683" data-approved="false">
                                <div class="avatar">
                                 <img src="" alt="头像" />
                                </div>
                                <div class="comment-body">
                                 <div class="body-header">
                                  <span class="name">大铁棍子**童主任</span>
                                  <span class="date">2016-10-08 13:01:39</span>
                                  <div class="btns">
                                   <a href="javascript:void(0)" class="link-btn btn-report" data-opt="report"><i class="icon icon-report"></i><span>举报</span></a>
                                   <a href="javascript:void(0)" class="link-btn btn-agree" data-opt="agree"><i class="icon icon-agree"></i><span>(2)</span></a>
                                   <a href="javascript:void(0)" class="link-btn btn-reply" data-opt="reply"><i class="icon icon-replay"></i>回复</a>
                                  </div>
                                 </div>
                                 <div class="body-content">
                                  <p>孙悟空的配音值得期待</p>
                                 </div>
                                </div>

                        </div>
                        <!-- 评论end -->
                        <div class="more" id="more"><p>加载更多</p></div>

     
    
                        </div>
                        <!-- 输入评论start -->
                        <div class="reply" id="reply">
                            <h2>您的评论</h2>
                            <div class="reply-box">
                                <textarea placeholder="请输入您的评论"></textarea>
                                <div class="reply-btn">
                                    <span>最多输入200字</span>
                                    <input type="button" name="" value="登录" id="btn-submit">
                                </div>
                            </div>
                        </div>
                        <!-- 输入评论end -->
                    </div>
                </div>
                <!-- 右侧导航条start -->
                <div class="sidebar" id="sidebar">
                    <div class="bar">
                        <div class="btns">
                            <a href="http://pay.wanmei.com/new/dota2/index.do?inGame=0" target="_blank" class="btn btn-recharge"></a>
                            <a href="http://www.dota2.com.cn/download/" target="_blank" class="btn btn-download"></a>
                            <a href="http://passport.wanmei.com/reg/?s=dota2" target="_blank" class="btn btn-signup"></a>
                        </div>
                        <div class="more">
                            <a href="http://act.dota2.com.cn/match" target="_blank" class="btn btn-match"></a>
                            <a href="http://www.dota2.com.cn/activity/gameevent/index.htm" target="_blank" class="btn btn-events"></a>
                            <a href="http://bbs.dota2.com.cn/forum.php" target="_blank" class="btn btn-bbs"></a>
                        </div>
                        <div class="anchor" id="anchor">
                            <a href="javascript:void(0)">
                                <i class="icon icon-anchor"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 右侧导航条end -->
            </div>
        </div>
    </div>
@endsection